<%-- 
    Document   : buyconfirminfo
    Created on : 2010-3-9, 17:28:46
    Author     : fengbj
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http ://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="xxxxxxxxxxxxxxxxxxx" />
<meta name="keywords" content="xxxxxxxxxxxxxxxx" />
<meta name="robots" content="all" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<title>2-7-2</title>
</head>
<body>
<div class="pays">
  <!--页头-->
  <jsp:include page="common/head.jsp"/>
  <jsp:include page="common/navBar.jsp"/>
  <!--主盒子-->
  <div class="paysMain">
    <jsp:include page="common/mainleft.jsp"/>
    <div class="mainright">
      <div class="tipZone">
        <div class="leftTopimg"></div>
        <div class="tipZoneBkleft"></div>
        <div class="tipZoneBkright"></div>
        <div class="steps">
          <div class="steps11"></div>
          <div class="steps22"></div>
          <div class="steps333"></div>
          <div class="steps44"></div>
          <div class="steps55"></div>
        </div>
        <div class="tipregion"> <img class="tipsIocn" src="images/tipsIcon.gif"/>
          <p>确认以下信息<br />
            <span class="bluetip">友情提示：您的导航仪导航服务到期时间为${device.expiryDate}（未过期）</span></p>
        </div>
      </div>
      <div class="adpaysMain6">
        <div  class="adpaysMainleft"></div>
        <div  class="adpaysMainright"></div>
        <div  class="confirmation">
          <div class="confirmationin">
            <table>
              <tr>
                <th colspan="2" class="textfield3title">确认您的导航仪信息：</th>
              </tr>
              <tr>
                <th>序列号</th>
                <td><input type="text" class="textfield3"  id="serial1" maxlength="4" disabled/>
                  <input type="text" class="textfield3"  id="serial2" maxlength="4" disabled/>
                  <input type="text" class="textfield3"  id="serial3" maxlength="4" disabled/>
                  <input type="text" class="textfield3"  id="serial4" maxlength="4" disabled/>
                  <a href="">修改</a> <a href="">什么是序列号？</a> </td>
              </tr>
              <tr>
                <th>设备码</th>
                <td>${device.deviceId} <a href="">什么是设备码？</a> </td>
              </tr>
              <tr>
                <th>品牌</th>
                <td>${device.brand}</td>
              </tr>
              <tr>
                <th>型号</th>
                <td>${device.deviceModel}</td>
              </tr>
              <tr>
                <th>激活码</th>
                <td>${device.activation}</td>
              </tr>
              <tr>
                <th>导航仪服务有效期</th>
                <td>${activecodeDate}-${device.expiryDate}<span>未过期</span></td>
              </tr>
              <tr>
                <th colspan="2" class="textfield3title">确认您的购买的服务：</th>
              </tr>
              <tr>
                <th>服务</th>
                <td><select name="brand" id="price">
                    <option class="AA" value="299.00">终身期服务</option>
                    <option class="BB" value="99.00">一年期服务</option>
                    <option class="CC" value="50.00">半年期服务</option>
                  </select>
                  <span>￥<span id="priceSpan">${price}</span>元</span> </td>
              </tr>
            </table>
            <div class="btnOk3">
              <div class="btnOk2">
                <div class="btnBkleft"></div>
                <div class="btnBkcenter">确认无，误购买</div>
                <div class="btnBkright"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<jsp:include page="common/foot.jsp"/>
<jsp:include page="common/js.jsp"/>
<script>
            $("#price").change(function(){
                $("#priceSpan").html($(this).val());
            })
            $("#price >option[value='${price}']").attr("selected" , true);
            var serial = "${user.serial}";
            if(serial != null && serial != "" && serial.length >= 16){
                $("#serial1").val(serial.substring(0, 4));
                $("#serial2").val(serial.substring(4, 8));
                $("#serial3").val(serial.substring(8, 12));
                $("#serial4").val(serial.substring(12, 16));
            }
        </script>
</body>
</html>
